<!doctype html>
<meta charset=utf-8>
<script src="../testcommon.js"></script>
<body>
<script>
'use strict';

test(function(t) {
  var div = addDiv(t);
  var anim =
    div.animate({ marginLeft: ['0px', '10px'] },
                { duration: 100 * MS_PER_SEC,
                  easing: 'linear',
                  iterations: 10,
                  iterationComposite: 'accumulate' });
  anim.pause();

  // NOTE: We can't check iterationComposite value itself though API since
  // Animation.effect is also behind the the Web Animations API.  So we just
  // check that style value is not affected by iterationComposite.
  anim.currentTime = 200 * MS_PER_SEC;
  assert_equals(getComputedStyle(div).marginLeft, '0px',
    'Animated style should not be accumulated when the Web Animations API is ' +
    'not enabled even if accumulate is specified in the constructor');
}, 'iterationComposite should not affect at all if the Web Animations API ' +
   'is not enabled');

done();
</script>
</body>
